import Vue from 'vue'
import VueRouter from 'vue-router'
// import HomeView from '../views/HomeView.vue'
import Register from "../views/Register.vue"
import Login from '../views/Login.vue'
import Index from '../views/Index.vue'
import Listenm from '../views/Listenm.vue'
import Dealt from "../views/Dealt.vue"
import Collects from '../views/Collects.vue'
import KinDe from '../views/KinDe.vue'
import Gedan from '../views/Gedan.vue'
import GedanD from '../views/GedanD.vue' 
import GedanDx from '../views/GendanDx.vue' 
import Hosrroy from '../views/Hosrroy.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Register',
    component: Register
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/index',
    name: 'Index',
    component: Index
  },

  {
    path: '/listenm',
    name: 'Listenm',
    component: Listenm
  },

  {
    path: '/dealt',
    name: 'Dealt',
    component: Dealt
  },

  {
    path: '/collects',
    name: 'Collects',
    component: Collects
  },

  {
    path: '/kinDe',
    name: 'KinDe',
    component: KinDe
  },

  {
    path: '/gedan',
    name: 'Gedan',
    component: Gedan
  },

  {
    path: '/gedanD',
    name: 'GedanD',
    component: GedanD
  },

  {
    path: '/gedanDx',
    name: 'GedanDx',
    component: GedanDx
  },

  {
    path: '/hosrroy',
    name: 'Hosrroy',
    component: Hosrroy
  },
  // {
  //   path: '/about',
  //   name: 'about',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: function () {
  //     return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  //   }
  // }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
